<?xml version='1.0' encoding='UTF-8' ?>
<!--
    Document   : welcomeICEfaces
    Created on : Sep 19, 2012, 5:50:42 PM
    Author     : andres
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:icecore="http://www.icefaces.org/icefaces/core"
      xmlns:ace="http://www.icefaces.org/icefaces/components"
      xmlns:ice="http://www.icesoft.com/icefaces/component"
      >
    <h:head>
        <title>Videoconferencia</title>
        <link rel="stylesheet" type="text/css" href="./xmlhttp/css/rime/rime.css"/>
    </h:head>
    <h:body styleClass="ice-skin-rime">
        <h2><h:outputText value="Configuracion"/></h2>
        <ice:panelGrid cellpadding="1">
            <h:form id="form">
                <ice:dataTable id="dataTable" rows="5" value="#{configMgdBean.records}" 
                               var="record" binding="#{configMgdBean.table}"
                               border="2" cellspacing="0" cellpadding="1">
                    <h:column>
                        <f:facet name="header">
                            <ice:outputText value="Host"/>
                        </f:facet>
                        <ice:outputText value="#{record.host}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <ice:outputText value="Port"/>
                        </f:facet>
                        <ice:outputText value="#{record.port}"/>
                    </h:column>
                    <h:column rendered="false">
                        <ice:rowSelector selectionListener="#{configMgdBean.selection}" selectedClass="tableRowSelected" mouseOverClass="tableRowMouseOver" toggleOnClick="true"/>
                    </h:column>
                </ice:dataTable>
                <ice:dataPaginator id="paginator"
                                   for="dataTable"
                                   paginator="true"
                                   fastStep="2"
                                   paginatorMaxPages="4">
                    <f:facet name="first">
                        <ice:graphicImage
                            url="./xmlhttp/css/xp/css-images/arrow-first.gif"
                            style="border:none;"
                            title="First page"/>
                    </f:facet>
                    <f:facet name="last">
                        <ice:graphicImage
                            url="./xmlhttp/css/xp/css-images/arrow-last.gif"
                            style="border:none;"
                            title="Last Page"/>
                    </f:facet>
                    <f:facet name="previous">
                        <ice:graphicImage
                            url="./xmlhttp/css/xp/css-images/arrow-previous.gif"
                            style="border:none;"
                            title="Previous"/>
                    </f:facet>
                    <f:facet name="next">
                        <ice:graphicImage
                            url="./xmlhttp/css/xp/css-images/arrow-next.gif"
                            style="border:none;"
                            title="Next"/>
                    </f:facet>
                    <f:facet name="fastforward">
                        <ice:graphicImage url="./xmlhttp/css/xp/css-images/arrow-ff.gif"
                                          style="border:none;"
                                          title="Last"/>
                    </f:facet>
                    <f:facet name="fastrewind">
                        <ice:graphicImage url="./xmlhttp/css/xp/css-images/arrow-fr.gif"
                                          style="border:none;"
                                          title="First"/>
                    </f:facet>
                </ice:dataPaginator>
            </h:form>
        </ice:panelGrid>
        <br></br>
        <br></br>
        <ice:form>
            <ice:panelGrid width="16%" columns="2"  cellspacing="1" cellpadding="1" bgcolor="#eff5fa" style="padding-left: 8px;">
                <ice:outputLabel for="host"> Host </ice:outputLabel>
                <ice:inputText  id="host" required="true" value="#{configMgdBean.host}" binding="#{configMgdBean.hostInput}">
                    <f:validateLength  minimum="1" maximum="30"/>
                </ice:inputText>
                <ice:message for="host"></ice:message><br></br>
                <ice:outputLabel for="port"> Port </ice:outputLabel>
                <ice:inputText  id="port" required="true" value="#{configMgdBean.port}" binding="#{configMgdBean.portInput}">
                    <f:validateLength  minimum="1" maximum="30"/>
                </ice:inputText>
                <ice:message for="port"></ice:message><br></br>
            </ice:panelGrid>
            <ice:commandButton value="Add" actionListener="#{configMgdBean.meter}"/>
            <ice:commandButton value="Update" actionListener="#{configMgdBean.update}" />
            <ice:commandButton value="Delete" actionListener="#{configMgdBean.remove}" />

        </ice:form>
    </h:body>
    <h:outputStylesheet library="org.icefaces.component.skins" name="rime.css" />
</html>